<html>
<head>
  <meta charset="utf-8" />
  <title>{{the_title}}</title>
  <link rel="stylesheet" type="text/css"href="static/css/index.css"/>
  <link rel="stylesheet" type="text/css"href="static/css/iconfont.css"/>
  <style>
  body{
    height: 700px;
    background: #ea5c54;
    background: -webkit-gradient(linear,left top ,right bottom,color-stop(0%,#ea5c54),color-stop(100%,#bb6dec));
    background: -webkit-linear-gradient(-45deg,#ea5c54 0%,#bb6dec 100%);
    background: -webkit-linear-gradient(315deg,#ea5c54 0% ,#bb6dec 100%);
    background: linear-gradient(135deg,#9999cc 0%,#ff9966 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5c54',endColorstr='#bb6dec',GradientType=1);
}
  #login-box{
  background-color: #ffffff;
  border-radius: 40px;
  text-align: center;
  margin: 100px auto;
  width: 500px;
  height:250px auto ;
}
  p{
          font-size: 20px;
          color:#ffcc99;
        }
        h2{
            padding-top: 0;
          color: #ffcc99;
          font-size: 40px;
          text-align:center;
        }

        table{
          color: #ffcc99;
          font-size: 21px;

        }
   button{
          margin: 10px;
          width: 130px;
          height: 30px;
          border-radius:13px ;
          outline: none;
          border: none;
          color: #ffcc99;
        }

        button:hover{
            background-image: linear-gradient(to top, #c8dff5 0%, #b1d0f5 100%);
        }
{
  font-family:"Times New Roman";
  font-size:30px;
  }
}
</style>
</head>
<body align="center">
{% extends 'base.html' %}

{% block body %}

<h2 align="center">智能步行导航</h2>

<form method="POST" action="shouye_xianshi">

<p>直接点登录进入</p><table align="center">

<tbody><tr><td>账号:</td><td><input name="zhanghao" type="TEXT" width="60"></td></tr>
<tr><td>密码:</td><td><input name="mima" type="password" width="60"></td></tr>
</tbody></table>
<button type="submit"><b>登陆</b></button>
</form>
<form method="POST" action="/zhuce">
    <button type="submit"><b>注册</b></button>
</form>

{% endblock %}
</body></html>